<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Nginx负载均衡管理系统</title>
    <link rel="stylesheet" type="text/css" href="../js/lib/bootstrap-3.0.0-dist/dist/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../css/main.css" />
    <script type="text/javascript" src="../js/sea.js"></script>
	<script type="text/javascript" src="../js/config.js"></script>
</head>
<body>
	<div id="header">
		<h3><img src="../image/logo2.png" / id="logo"> | Nginx负载均衡管理系统</h3>
<!-- 		<div class="user">
			<span><a href="member_info.html">yanweixin</a></span>
			<span>| 退出</span>
		</div> -->
	</div>
	<div id="main">
		<div id="nav">
			<div class="nav_box">
				<h5><a href="system_index.html"><img src="../image/manager.png" />Nginx负载均衡管理</a></h5>
				<div class="nav_child">
					<div><a href="system_admins.html" class="current">Nginx配置项管理</a></div>
					<div><a href="teams.html">代理服务器成员管理</a></div>
					<div><a href="system_info.html" >Nginx模块管理</a></div>
					<div><a href="tree.html">日志文件</a></div>
					<div><a href="parameters.html">系统配置/启动项</a></div>
				</div>
			</div>
<!-- 			<div class="nav_box">
				<h5><a href="team_info.html"><img src="../image/group.png" />群组维护/群组管理员</a></h5>
				<div class="nav_child">
					<div><a href="team_info.html">群组信息</a></div>
					<div><a href="members.html">群组成员</a></div>
				</div>
			</div>
			<div class="nav_box">
				<h5><a href="member_info.html"><img src="../image/personal.png" />我/群组成员</a></h5>
				<div class="nav_child">
					<div><a href="member_tree.html">我的云</a></div>
					<div><a href="my_team.html">我的群组</a></div>
				</div>
			</div> -->
		</div>
		<div id="all">
			<div class="page_name">
				Nginx配置项管理
			</div>
			<div class="box">
				<div class="tools_bar">
					<div class="dropdown">
					  <button class="btn btn-default dropdown-toggle" type="button"  data-toggle="dropdown" >
							模块选择
					  </button>

					  <ul class="dropdown-menu ul" id="model-menu" aria-labelledby="dropdownMenu1">
					    
					  </ul>
					</div>
<!-- 					<div class="dropdown">
					  <button class="btn btn-default dropdown-toggle" type="button"  data-toggle="dropdown" >
					    存储系统
					    <span class="caret"></span>
					  </button>
					  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
					   
					  </ul>
					</div> -->
					<div class="tools_key">
						<span><input type="text" name="" class="form-control" disabled="disabled" id="modelChooerKey" v></span>
					</div>
					<div class="tools_name">
					  <span><input type="text" name="" class="form-control" disabled="disabled" id="modelChooerName"></span>
					</div>
				</div>
			</div>
			<div class="title"><h4>Nginx配置项</h4></div>
			<div class="box">
				<div class="form_table">
					<table class="table table-striped">
					  <tr><th>配置编号</th><th>配置项名</th><th>配置项key</th><th>配置项value</th><th>是否装配Nginx</th></tr>
					</table>
					<div class="navigation">
					  <ul class="pagination">
					    <li>
					      <a href="#" aria-label="Previous" id="modelPrevious">
					        <span aria-hidden="true">&laquo;</span>
					      </a>
					    </li>
					    <li>
					      <span><a id="pageNumber" style="width:20px">0</a></span>
					    </li>
					    <li>
					      <a href="#" aria-label="Next" id="modelNext">
					        <span aria-hidden="true">&raquo;</span>
					      </a>
					    </li>
					  </ul>
					</div>  
					<div class="table_detail">
						<div class="double_control">
							<span>配置编号</span>
							<span><input type="text" name="" class="form-control" disabled="disabled" id="conf_id"></span>
							<span>配置项名：</span>
							<span><input type="text" name="" class="form-control" disabled="disabled" id="conf_name"></span>
							<span>配置项key：</span>
							<span><input type="text" name="" class="form-control" disabled="disabled" id="conf_key"></span>
							<span>配置项value：</span>
							<span><input type="text" name="" class="form-control"  id="conf_value"></span>
							<span>配置项是否配置：</span>
							<span><input type="text" name="" class="form-control" disabled="disabled" id="conf_flag"></span>
							<span>配置项说明：</span>
							<span><textarea class="form-control" id="remark" disabled="disabled"></textarea></span>
						</div>
						<div class="btn_box">
							<button class="btn btn-warning" id="quxiaoPeizhi">装备配置</button>
							<button class="btn btn-default add" data-toggle="modal" data-target="#myModal">添加配置项</button>
							<button class="btn btn-primary save">保存信息</button>
							<button class="btn deleSql">删除配置项</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title">添加配置项</h4>	
	      </div>
	      <div class="modal-body">
	        <div class="dialog_form">
	        	<div><span>全部配置</span><input type="text" name="" class="form-control" id="sqlAllconfig"></div>
	        	<div><span>配置项名：</span><input type="text" name="" class="form-control" id="sqlConfigName"></div>
	        	<div><span>配置项key：</span><input type="text" name="" class="form-control" id="sqlConfigKey"></div>
	        	<div><span>配置项value：</span><input type="text" name="" class="form-control" id="sqlConfigValue"></div>
	        	<div><span>配置项model：</span><input type="text" name="" class="form-control" id="sqlConfigModel"></div>
	        	<div><span>consult：</span><input type="text" name="" class="form-control" id="consult"></div>
	        	<div><span>配置项说明：</span><textarea class="form-control" id="sqlConfigRemark"></textarea></div>
	        	<div><span>是否装配：</span>
  					<input type="checkbox" id="sqlFlag" />
				</div>
	        </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <button type="button" class="btn btn-primary addSave" id="sqlSave">保存</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	<script type="text/javascript">
		seajs.use(['../js/modules/system_admins'])   // 这里 use 方法只作为入口函数用，不做业务逻辑处理
	</script>
</body>
